<template>
    <div>
        <el-date-picker
                v-model="value"
                type="date"
                placeholder="选择日期"
                @change="getTime"
                value-format="yyyy-MM-dd HH:mm:ss"
        >
        </el-date-picker>
        <span class="date-tip"> 至今 </span>
    </div>
</template>

<script>
    export default {
        name: "DatePicker",
        // props:['getTime'],
        data(){
            return{
                value:''
            }
        },
        methods:{
            getTime(value){
                this.$emit('getTime',value)
            }
        }
    }
</script>

<style scoped>
    .date-tip{
        font-size: 14px;
        color: #FFFFFF;
        margin-left: 30px;
    }
    /deep/ .el-input__inner{
        background: rgba(7,7,7,0.30);
        border: 1px solid rgba(77,77,77,1);
        border-radius:0;
        height: 36px;
        color: #F8733B;
        letter-spacing: 1px;
    }
    /deep/ .el-input__inner::placeholder{
        color: #F8733B;
        letter-spacing: 1px;
    }
    /deep/ .el-input__icon{
        font-size: 14px;
        color: #F8733B;
        line-height: 36px;
    }

</style>
